@import "../common/_common.scss";
/* 首页品牌滚动列表 */
.roll{
	width: 100%;
	height: 160px;
	background: $cfff;
  margin-bottom: 40px;
}
.roll-list{
  width: 1150px;
  margin: 0 auto;
  height: 160px;
  position: relative;
  .tab-item{
  	width: 1120px;
    height: 115px;
    padding: 30px $px15 0;
    overflow: hidden;
   }
   .data-list{
     li{
     	float: left;
      margin: 15px 7px 20px;
      &.first{
        margin-left: 30px;
      }
     	.text{
        text-align: center;
        margin-top: 7px;
       }
      a{
        color:$c333;   
      }
      img{
        display: inline-block;
        -webkit-transition: -webkit-transform .2s linear 0s;
        transition: transform .2s linear 0s 
      }
      &:hover img{
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px); 
      }
      &:hover a{
        color: #ff6600; 
      } 
     }
    .roll-line{
      width: 1px;
      height: 74px;
      border-right: 1px dotted #ccc;
      margin-top: $px12;
      } 
   }
  .btn-left-none {
    cursor: default;
    width: 15px;
    height: 25px;
    background-position: 0 0;
   } 
  .btn-right-none{
    cursor: default;
    width: 15px;
    height: 25px;
    background-position: -20px 0; 
   } 
  .btn-left,.btn-right{
  	position: absolute;
  	top:65px;
  } 
  .btn-left{
  	left:0;
   } 
  .btn-right{
  	right:0;
   } 
}





